﻿{extend name="$_tpl_public_layout_danceadmin"/}


{block name="breadcrumb"}
<ol class="breadcrumb">
	<li class="breadcrumb-item"><a href="{:url('admin/index/index')}">{:config('system.site_title')}</a></li>
	<li class="breadcrumb-item"><a href="{:url('mobmall_manage/index/index')}">{$sideName}</a></li>
</ol>
{/block}


{block name="pageheader"}
{$sideName}
{/block}


{block name="content"}
<div class="row">
	<div class="col-xl-3 col-md-6 mb-4">
		<div class="card border-left-primary shadow h-100 py-2">
			<div class="card-body">
				<div class="row no-gutters align-items-center">
					<div class="col mr-2">
						<div class="text-xs font-weight-bold text-primary text-uppercase">商品总数</div>
						<div class="h5 font-weight-bold text-gray-800 mt-1">
							<a href="{:url('mobmall_manage/product/index')}" class="text-gray-800">{$productNum}</a>
						</div>
					</div>
					<div class="col-auto">
						<span class="iconfontzz icon-shangpin text-gray-300 text-xl"></span>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="col-xl-3 col-md-6 mb-4">
		<div class="card border-left-success shadow h-100 py-2">
			<div class="card-body">
				<div class="row no-gutters align-items-center">
					<div class="col mr-2">
						<div class="text-xs font-weight-bold text-success text-uppercase">用户总数</div>
						<div class="h5 font-weight-bold text-gray-800 mt-1">
							<a href="{:url('mobmall_manage/user/index')}" class="text-gray-800">{$userNum}</a>
						</div>
						{volist name="userGroupList" id="vo"}
						<div>
							<a href="{:url('mobmall_manage/user/index', ['groupid'=>$vo['id']])}" class="text-gray-800">{$vo['name']}{$vo['user_num']}</a>
						</div>
						{/volist}
					</div>
					<div class="col-auto">
						<span class="iconfontzz icon-user text-gray-300 text-xl"></span>
					</div>
				</div>
				<div class="row no-gutters align-items-center">
					<div class="col mr-2">
						<div class="h5 text-gray-800 mt-1">
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="col-xl-3 col-md-6 mb-4">
		<div class="card border-left-info shadow h-100 py-2">
			<div class="card-body">
				<div class="row no-gutters align-items-center">
					<div class="col mr-2">
						<div class="text-xs font-weight-bold text-info text-uppercase">订单总数</div>
						<div class="h5 text-gray-800 mt-1">
							<a href="{:url('mobmall_manage/order/index')}" class="text-gray-800">{$orderNum}</a>
							(今日：<a href="{:url('mobmall_manage/order/index')}" class="text-gray-800">{$orderTodayNum}</a>)
						</div>
					</div>
					<div class="col-auto">
						<span class="iconfontzz icon-jine text-gray-300 text-xl"></span>
					</div>
				</div>
				<div class="row no-gutters align-items-center">
					<div class="col mr-2">
						<div class="text-xs font-weight-bold text-info text-uppercase mt-1">总交易额</div>
						<div class="h5 text-gray-800 mt-1">
							<a href="{:url('mobmall_manage/order/index')}" class="text-gray-800">￥{$orderSumAmount}</a>
							(今日：<a href="{:url('mobmall_manage/order/index')}" class="text-gray-800">￥{$orderTodayAmount}</a>)
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="col-xl-3 col-md-6 mb-4">
		<div class="card border-left-info shadow h-100 py-2">
			<div class="card-body">
				<div class="row no-gutters align-items-center">
					<div class="col mr-2">
						<div class="text-xs font-weight-bold text-info text-uppercase">退款申请</div>
						<div class="h5 text-gray-800 mt-1">
							<a href="{:url('mobmall_manage/orderRefund/index')}" class="text-gray-800">{$orderRefundNum}</a>
							(今日：<a href="{:url('mobmall_manage/orderRefund/index')}" class="text-gray-800">{$orderRefundTodayNum}</a>)
						</div>
					</div>
					<div class="col-auto">
						<span class="iconfontzz icon-jine text-gray-300 text-xl"></span>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="row">
	<div class="col-md-8">
		<div class="card mb-3">
			<div class="card-header">
				产品使用说明
			</div>
			<div class="card-body">
				{$instructionHtml|raw}
			</div>
		</div>
	</div>
	<div class="col-md-4">
		<div class="card mb-3">
			<div class="card-header">二维码和前台地址</div>
			<div class="card-body">
				<div>
					<br>线上地址：<a href="{$prodUrl}" target="_blank">{$prodUrl}</a>
					<div id="J_urlQrcodeCanvas"></div>
					<br>安全地址：<a href="{$httpsUrl}" target="_blank">{$httpsUrl}</a>
					<div id="J_urlQrcodeCanvasHttps"></div>
					<br>本地地址：<a href="{$devUrl}" target="_blank">{$devUrl}</a>
				</div>
			</div>
		</div>
	</div>
</div>
{/block}


{block name="script"}
<!-- 生成二维码 -->
<script type="text/javascript" src="__STATIC__/plugins/qrcode/jquery.qrcode.min.js"></script>
<script type="text/javascript">
$('#J_urlQrcodeCanvas').qrcode({
	text: "{$prodUrl}",
	width: 120,
	height: 120,
});
$('#J_urlQrcodeCanvasHttps').qrcode({
	text: "{$httpsUrl}",
	width: 120,
	height: 120,
});
</script>
{/block}